<!DOCTYPE html>
<html>
<head lang="en">
    <s3:data name='CollDatas.headerScript' />
    <s3:import type="css"></s3:import>
    <!--
    <link href="<s3:data name='dependencies.workflow' />/css/wf.css${data:buildversion}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css">
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-selectOrg.css">
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-audio.css">
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-search.css">
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css">
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-sliders.css">
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-tab.css">
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-list.css">
     -->
    <link rel="stylesheet" href="${data:dependencies.edoc}/fonts/cmp-edoc-icon.css${data:buildversion}"/>
    <title></title>

    <style type="text/css">
        .cmp-selectOrg-checkbox input[type='checkbox']:before{ font-size: 24px; }
        .select-height-63{ height: 60px;}
        .GM_Alert_Content .GM_item_container ul li{ padding: 3px 10px; }
        .select-selected-scroll{ border-top: none; }
        .cmp-selectOrg-checkbox input[type='checkbox']:checked:before{ color: #3aadfb; }
    </style>
</head>
<body class="cmp-fullscreen">

<header id="hid" class="cmp-bar cmp-bar-nav head-style">
    <a id="goBackBtn" href="javascript:void(0)" class="cmp-pull-left left-btn"><span class="see-icon-v5-common-arrow-back"></span><i18n key="collaboration.page.lable.goBack"></i18n></a>

    <h1 id="title" class="cmp-title"><i18n key="collaboration.page.lable.button.flow"><!-- 流程 --></i18n></h1>
    <div class="cmp-pull-right">
        <a id="editBtn" href="javascript:void(0)" class="right-btn display_none"></a>
        <a id="workflowHandleDetail" class="cmp-icon iconfont m3-edoc-workflow-detail" style="font-size: 20px; margin-left: 10px; margin-top:1px; "></a>
    </div>

    <div class="add_border border_t"></div>
</header>
<!-- 调用了工作流里面的样式 -->
<div id="workflow_toast" class="workflow_toast center display_none" style="z-index: 10"><span class="m3-icon-about margin_r_6"></span><span><i18n key="collaboration.page.lable.wf.modifyNode"></i18n></span></div>
<div id="colEditWfMainBody" class="cmp-content cmp-col-content " style="background-color: white; ">

</div>
<footer id="footBtns" class="cmp-bar cmp-bar-footer display_none wf_btn border_t">
</footer>

<s3:data name='cordova' />
<s3:import type="js"></s3:import>
<script type="text/javascript">
    var $verstion = "${data:buildversion}";
    var _collPath = "${data:dependencies.collaboration}";
    var _wfPath = "${data:dependencies.workflow}";
    var _common_v5_path = "${data:dependencies.common_v5_path}";
    var _cmpPath = "${data:dependencies.cmp}";
    cmp.i18n.init('${data:dependencies.collaboration}/i18n/', 'Collaboration');
</script>
<script src="${data:dependencies.cmp}/js/cmp-asyncLoad.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.collaboration'/>/js/details/workflowEdit.js${data:buildversion}"></script>

<!-- 
<script src="<s3:data name='dependencies.workflow' />/js/wf.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-flowV5.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-zoom.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>

<script src="${data:dependencies.cmp}/js/cmp-app.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-selectOrg.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-dtPicker.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-push.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-server.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-headerFixed.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-search.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-popPicker.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-sliders.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-tabChange.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-visitingCard.js${data:buildversion}"></script>
 -->

<script type="text/html" id="edit_btn_template">
    <%
    for(var i = 0, len = this.length;i < len;i++){
    var btn = this[i];
    %>
    <a href="javascript:void(0)" id="<%=btn.code%>">
        <span class="<%=btn.class%>"></span>
        <span class="title" ><%=btn.lable%></span>
    </a>
    <span class="thinner_border"></span>
    <%
    }
    %>
</script>
</body>
</html>